<!DOCTYPE html>
<html lang="en">

<head>
    <title>二维码管理</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="description" content="QR code">
    <meta name="keywords" content="QR code">
    <meta name="author" content="  jxjweb.top  ">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/magnific-popup.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <!-- MAIN CSS -->
    <link rel="stylesheet" href="css/templatemo-style.css">
</head>

<body>
    <!-- PRE LOADER -->
    <section class="preloader">
        <div class="spinner">
            <span class="spinner-rotate"></span>
        </div>
    </section>
    <!-- MENU -->
    <section class="navbar custom-navbar navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon icon-bar"></span>
                    <span class="icon icon-bar"></span>
                    <span class="icon icon-bar"></span>
                </button>
                <!-- lOGO TEXT HERE -->
                <a href="index.html" class="navbar-brand">二维码管理系统</a>
            </div>
            <!-- MENU LINKS -->
            <div class="collapse navbar-collapse">
                <ul class="nav navbar-nav navbar-nav-first nav_c user">
                    <li><a href="#home" class="smoothScroll">简介</a></li>
                    <li><a href="#contact" class="smoothScroll">新建活码</a></li>
                    <li><a href="#blog" class="smoothScroll">管理活码</a></li>
                    <li><a href="#info" class="smoothScroll">声明</a></li>
                </ul>
                <ul class="nav navbar-nav navbar-right un_user">
                    <li class="section-btn"><a href="#" data-toggle="modal" data-target="#modal-form">登录</a></li>
                    <li class="section-btn section-btn2"><a href="#" data-toggle="modal" data-target="#modal-form-register">注册</a></li>
                    <li class="section-btn section-btn3" id="visit"><a href="#">游客</a></li>
                </ul>
            </div>
        </div>
    </section>
    <!-- HOME -->
    <section id="home" data-stellar-background-ratio="0.5">
        <div class="overlay"></div>
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="home-info">
                        <h1>二维码活码管理系统</h1>
                        <a href="javascript:void(0)" class="btn section-btn smoothScroll user user_name">用户</a>
                        <a href="javascript:exit()" class="btn section-btn smoothScroll user">退出</a>
                        <span>
                               二维码管理系统
                               <small>简单/高效的移动营销工具,稳定/可靠的二维码管理系统,实现二维码先印后改.</small>
                          </span>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- CONTACT -->
    <section id="contact" data-stellar-background-ratio="0.5" class="user">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="section-title">
                        <h2>新建活码</h2>
                        <span class="line-bar">...</span>
                    </div>
                </div>
                <div class="col-md-12 col-sm-12">
                    <!-- CONTACT FORM HERE -->
                    <form id="contact-form" role="form">
                        <div class="col-md-6 col-sm-12">
                            <input type="text" class="form-control" placeholder="二维码名称(必填)" name="name" required="" id="add_name">
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <input type="text" class="form-control" placeholder="网址(必填)" name="url" required="" id="add_url">
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <input type="text" class="form-control" placeholder="备注信息" name="info" required="" id="add_info">
                        </div>
                        <div class="col-md-6 col-sm-12 address_code">
                            <select name="province" id="province">
                                <option value="-1">省</option>
                            </select>
                            <select name="city" id="city" disabled>
                                <option value="-1">市</option>
                            </select>
                            <select name="district" id="district" disabled>
                                <option value="-1">区</option>
                            </select>
                        </div>
                        <script type="text/html" id="template_area">
                            {{ for(var i=0;i
                            < district_list.length;i++){ }} <option value="{{= district_list[i].code }}">{{= district_list[i].name }}</option>
                                {{ } }}
                        </script>
                        <div class="col-md-12 col-sm-12">
                            <input type="button" class="form-control" name="submit" value="新建二维码" id="add_code">
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
    <!-- BLOG -->
    <section id="blog" data-stellar-background-ratio="0.5" class="user">
        <div class="container">
            <div class="row" id="code_b">
                <div class="col-md-12">
                    <div class="section-title">
                        <h2>管理活码</h2>
                        <span class="line-bar">...</span>
                        <div class="row">
                            <div class="col-md-12 search">
                                <!-- CONTACT FORM HERE -->
                                <form role="form">
                                    <div class="col-md-3 col-sm-12">
                                        <input type="text" class="form-control" placeholder="搜索名称" name="name" required="" id="search_name">
                                    </div>
                                    <div class="col-md-3 col-sm-12">
                                        <input type="text" class="form-control" placeholder="搜索网址" name="url" required="" id="search_url">
                                    </div>
                                    <div class="col-md-3 col-sm-12">
                                        <input type="text" class="form-control" placeholder="搜索地域" name="address" required="" id="search_address">
                                    </div>
                                    <div class="col-md-3 col-sm-12">
                                        <input type="button" class="form-control" name="submit" value="搜索二维码" id="search_code">
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- FOOTER -->
    <footer id='info' data-stellar-background-ratio="0.5">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="footer-thumb footer-info">
                        <h2>  jxjweb.top  </h2>
                        <p>二维码又称二维条码,常见的二维码为QR Code,QR全称Quick Response,是一个近几年来移动设备上超流行的一种编码方式,它比传统的Bar Code条形码能存更多的信息,也能表示更多的数据类型.</p>
                        <p>版本 第二版 / 下版 多彩二维活码</p>
                        <p>本网站属于示例demo,经常升级,可能会导致数据丢失,如有需要请自己下载源码部署!</p>
                        <p><a href="https://github.com/jxj322991/2code">源代码</a></p>
                        <p>内推(北京人人贷)中高级前端工程师,简历发送至webjxj@foxmail.com</p>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- MODAL -->
    <section class="modal fade" id="modal-form" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content modal-popup">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-md-12 col-sm-12">
                                <div class="modal-title">
                                    <h2>登录</h2>
                                </div>
                                <div role="tabpanel" class="tab-pane fade in" id="sign_in">
                                    <form>
                                        <input id="user_g" type="text" class="form-control" name="text" placeholder="用户名" autocomplete="off" required>
                                        <input id="password_g" type="password" class="form-control" name="password" placeholder="密码" autocomplete="off" required>
                                        <input id="login_btn" type="button" class="form-control" name="submit" value="确定">
                                        <p id="login_info" class="">
                                            输入账号密码!
                                        </p>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="modal fade" id="modal-form-register" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content modal-popup">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-md-12 col-sm-12">
                                <div class="modal-title">
                                    <h2>注册</h2>
                                </div>
                                <div role="tabpanel" class="tab-pane fade in" id="sign_in">
                                    <form>
                                        <input id="user_gr" type="text" class="form-control" name="text" placeholder="用户名" autocomplete="off" required>
                                        <input id="password_gr" type="text" class="form-control" name="password" placeholder="密码" autocomplete="off" required>
                                        <input id="register_btn" type="button" class="form-control" name="submit" value="确定注册">
                                        <p id="register_info" class="">
                                            请务必记住账号与密码,
                                            <br/>系统无账号密码找回选项!
                                        </p>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="modal fade" id="modal-form2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content modal-popup">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-md-12 col-sm-12">
                                <div class="modal-title">
                                    <h2>管理</h2>
                                </div>
                                <div role="tabpanel" class="tab-pane fade in" id="sign_in">
                                    <form>
                                        <input type="text" id="fix_name" autocomplete="off" class="form-control" name="name" placeholder="名称(必填)" required>
                                        <input type="text" id="fix_url" autocomplete="off" class="form-control" name="url" placeholder="路径(必填)" required>
                                        <input type="text" id="fix_info" autocomplete="off" class="form-control" name="url" placeholder="备注信息" required>
                                        <input type="text" id="fix_address" autocomplete="off" class="form-control" name="address" placeholder="区域" required>
                                        <input type="button" id="fix_code" class="form-control" name="submit" value="确定">
                                        <input type="button" id="delete_code" class="form-control" name="submit" value="删除">
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="modal fade" id="modal-form3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content modal-popup">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-md-12 col-sm-12">
                                <div class="modal-title">
                                    <h2>提示信息</h2>
                                </div>
                                <div role="tabpanel" class="tab-pane fade in" id="info_status">
                                    <h3 class="info_text">提示信息</h3>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- SCRIPTS -->
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="js/microtemplating.js"></script>
    <script src="js/address_data.js"></script>
    <script src="js/select_location.js"></script>
    <script src="https://cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.stellar.min.js"></script>
    <script src="js/jquery.magnific-popup.min.js"></script>
    <script src="js/smoothscroll.js"></script>
    <script src="js/custom.js"></script>
</body>

</html>